<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header sJDSConfig-dialog"style="background-color: #fafafa">
<!--
  <div class="kmi-header-row">
      <div class="header-title" ng-bind="dialog.title | translate"></div>
  </div>
-->
  <div class="kmi-layout-main-content">
    <div class="kmi-layout-page">
        <div class="loading-content" ng-hide="dialog.mode == 'setting'">
            <div class="kmi-text-fields" style="height:60px;">
                <div class="mdl-spinner mdl-spinner--single-color mdl-js-spinner is-active"></div>
                <div class="loading-msg" ng-bind="dialog.status.msg"></div>
            </div>
        </div>
        <div class="config-content" ng-show="dialog.mode == 'setting'">
            <div class="kmi-text-fields">
                <div class="loading-msg" ng-bind="dialog.status.msg"></div>
            </div>
            <div class="kmi-text-fields--triangle fields-ip">
                <div class="label">
                    <label ng-bind="'sJDS.server.ip' | translate"></label>
                    <label class="triangle"></label>
                </div>
                <div class="input">
                    <input ng-repeat="ip in dialog.serverIp track by $index" type="text" mdl-calculater="dialog.serverIp[$index]"></input>
                </div>
            </div>
            <div class="kmi-text-fields--triangle">
                <div class="label">
                    <label ng-bind="'sJDS.server.port' | translate"></label>
                    <label class="triangle"></label>
                </div>
                <div class="input">
                    <input type="text" mdl-calculater="dialog.port"></input>
                </div>
            </div>
            <div class="kmi-text-fields--triangle">
                <div class="label">
                    <label ng-bind="'sJDS.server.name' | translate"></label>
                    <label class="triangle"></label>
                </div>
                <div class="input">
                    <input type="text" ng-model="dialog.server_name"></input>
                </div>
            </div>
        </div>
        <div class="btn-content" ng-show="dialog.mode == 'setting'">
            <div class="kmi-button kmi-button-confrim"
                ng-click="dialog.confirm()" style="width:100px">
                <label ng-bind="'common.btn.confirm' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
            <div class="kmi-button kmi-button-cancel"  ng-click="dialog.cancel()" style="width:100px">
                <label ng-bind="'common.btn.cancel' | translate"></label>
                <div class="kmi-can-click"></div>
            </div>
        </div>
    </div>
  </div>
</div>
